<template>
  <div id="chart">
    <div class="chartcontent">
      <LineChart :chart-data="chartdata" :options="options"/>
    </div>
  </div>
</template>

<script>

import LineChart from "../YYChart/LineChart.vue";
import json_data from '../Utils/api.js';
let {localData } = json_data()
export default {
  name: "Account",
  components: {
    LineChart,
  },
  data() {
    return {
      responseTable:[],
      chartdata:null,
      options:null,
      headerStyle:{
          'font-weight':'normal',
          'font-size':'12px',
      },
      rowStyle:{
          'font-weight':'normal',
          'font-size':'10px',
      }
    }
  },
  beforeMount() {
    this.getUserInfo('account');
  },
  methods: {
    async getUserInfo(type) {
      console.log(type)
      let key = type
      var jsonO=localData[key]
      this.chartdata=jsonO.chartdata
      this.options=jsonO.options
    }
  }
}
</script>

<style>
.chartcontent{
  background-color: white;
}
.el-table-main{
  margin-top: 10px;
  padding:0px !important
}
</style>
